<template>
    <div class="box">
        子组件 -- {{money}}
        <button @click="fn">子组件中的按钮</button>
    </div>
</template>
<script>
export default {
    props:{
        money:{
            type:Number,
            default:500
        }
    },
    methods:{
            fn(){
                console.log('点击了子组件')
                console.log(this.money)
            }
        }
}
</script>

<style scoped>
   .box{
       background-color: blue;
       width:200px;
       height:80px;
   }
</style>